<template>
	<view class="app">
		<!-- 头部 -->
		<view style="height:100rpx;">
			<view class="head">
				<!-- 标题 -->
				<view class="title">
					<view>
						<text class="title-active">全部</text>
					</view>
					<view>
						<text>热门</text>
					</view>
					<view>
						<text>我的</text>
					</view>
				</view>
			</view>
		</view>

		<!-- 内容 -->
		<view class="content" v-for="s in sheets">
			<!-- 头像与名称与评论时间 -->
			<view class="head-portrait">
				<!-- 头像 -->
				<image :src="s.head"></image>
				<!-- 名称 -->
				<view class="head-portrait-info">
					<view class="head-portrait-name">{{s.name}}</view>
					<view class="head-portrait-date">{{s.date}}</view>
				</view>
			</view>
			<!-- 正文 -->
			<view class="content-text">{{s.content_text}}</view>
			<!-- 图片 -->
			<view class="content-picture" v-if="s.content_picture.length>0">
				<image v-for="cp in s.content_picture" :src="cp"></image>
			</view>
			<!-- 地址 -->
			<view class="site">
				<image :src="s.site"></image>
				<text>{{s.siteText}}</text>
				<view class="site-right"> > </view>
			</view>
			<!-- 分享 -->
			<view class="share">
				<view>
					<image src="../../static/image/index/icon/fenxiang.png" mode=""></image>
					<text>分享</text>
				</view>
				<view>
					<image src="../../static/image/index/icon/chakantiezihuifu.png" style="margin-top: -20rpx;"></image>
					<text>回复&nbsp;{{s.replyNum}}</text>
				</view>
				<view>
					<image src="../../static/image/index/icon/dianzan.png" mode=""></image>
					<text>点赞&nbsp;{{s.likeNum}}</text>
				</view>
			</view>
			<!-- 点赞 -->
		
			<!-- 评论 -->
			<view class="comment" v-if="s.replyNum > 0">
				<text class="comment-name"> {{ s.commentName }}</text>
				<text>{{s.comment}}</text>
			</view>
			<!-- 查看更多评论 -->
			<view class="more-comment" v-if="s.replyNum > 0">
				查看更多评论
				<text style="font-size: 45rpx;margin-left: 10rpx;"> > </text>
			</view>

		</view>
		
		<!-- 占位 -->
		<view class="perch">暂无内容</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				sheets: [{
						head: "https://statics.dujiabieshu.com/uploads/headimg/8.png",
						name: "风吹麦浪",
						date: "2020-08-09 15:10:33",
						content_text: "庾村大乐之野，地理位置不错，交通便利，客服到位，早餐营养美味，房间稍小，其他都好",
						content_picture: [
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-19/112143/15570b86d517e289b07ee8ff3c2fbd0e.jpg?t=1661948488",
							"https://image02.dujiabieshu.com/uploads/sns/2022-08-19/112143/143a82d63975aede7d19444cab3a2c07.jpg?t=1661948488",
							"https://image03.dujiabieshu.com/uploads/sns/2022-08-19/112143/c7e751800b39ec37a5e6c323b05dc1f9.jpg?t=1661948488",
							"https://image04.dujiabieshu.com/uploads/sns/2022-08-19/112143/70a101973ebc031c8774c0fd086f5114.jpg?t=1661948488",
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-19/112143/15570b86d517e289b07ee8ff3c2fbd0e.jpg?t=1661948488",
							"https://image02.dujiabieshu.com/uploads/sns/2022-08-19/112143/b91ad737cb937ac93e9e1f2c67555055.jpg?t=1661948488",
							"https://image03.dujiabieshu.com/uploads/sns/2022-08-19/112143/8f96ab3241b38a53388458847335e4e3.jpg?t=1661948488",
							"https://image04.dujiabieshu.com/uploads/sns/2022-08-19/112143/5bb3551ea792115723298e8d5c3d447c.jpg?t=1661948488",
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-19/112143/2aa61237eba5839ad6caeeaebfbfca90.jpg?t=1661948488"
						],
						site: "https://www.senseluxury.com/statics/web3/images/no_hotel_img/8.png",
						siteText: "中国浙江 | 大乐之野庾村",
						replyNum: 1,
						likeNum: 1,
						replyHead: [
							"https://statics.dujiabieshu.com/uploads/headimg/770ea23aa891ddc0e78a706341142e69.jpg"
						],
						commentName: "May：",
						comment: "感谢亲对新昌安岚的喜欢呢，期待再次相遇呢"
					},
					{
						head: "	https://statics.dujiabieshu.com/uploads/headimg/f7df002e9aa71789af8c340a7e93616b.jpg",
						name: "leinest",
						date: "2020-08-09 14:09:13",
						content_text: "酒店服务很好，可以代订黄果树VIPI票。但是没有告知有茶室可以看瀑布，错过预订了",
						content_picture: [
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-24/74618/87d78cda654a4c55ec90779755f4e0f5.jpg?t=1661948488",
							"https://image02.dujiabieshu.com/uploads/sns/2022-08-24/74618/b778a61348199464498ff8f032e50695.jpg?t=1661948488",
							"https://image03.dujiabieshu.com/uploads/sns/2022-08-24/74618/dc1e88fa66179cc5149158c4ad8e146d.jpg?t=1661948488",
							"https://image04.dujiabieshu.com/uploads/sns/2022-08-24/74618/7dc25554ccc0fa5bddb946b083772356.jpg?t=1661948488"
						],
						site: "https://www.senseluxury.com/statics/web3/images/no_hotel_img/13.png",
						siteText: "中国贵州 | 黄果树柏联酒店",
						replyNum: 0,
						likeNum: 1,
						replyHead: [
							"https://statics.dujiabieshu.com/uploads/headimg/770ea23aa891ddc0e78a706341142e69.jpg",
						],
						commentName: null,
						comment: null
					},
					{
						head: "	https://statics.dujiabieshu.com/uploads/headimg/9.png",
						name: "win2046",
						date: "2020-07-20 10:44:13",
						content_text: "之前听说网上对三亚嘉佩乐的评论很2级分化，这次入住感觉-切都很完美。",
						content_picture: [
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-18/114954/ac426dcee7ed9d63b42e6e92e330f06b.jpg?t=1661948488",
							"https://image02.dujiabieshu.com/uploads/sns/2022-08-18/114954/536dd2575b605f342f07292ebbf0a54d.jpg?t=1661948488"
						],
						site: "https://www.senseluxury.com/statics/web3/images/no_hotel_img/11.png",
						siteText: "中国海南 | 海南土福湾嘉佩乐度假酒店",
						replyNum: 1,
						likeNum: 1,
						replyHead: [
							"https://statics.dujiabieshu.com/uploads/headimg/770ea23aa891ddc0e78a706341142e69.jpg"
						],
						commentName: "link：",
						comment: "感谢亲的认可呢，我们继续加油，期待您们下次出行呢"
					},
					{
						head: "	https://statics.dujiabieshu.com/uploads/headimg/5e17696d2eccc096bc09d577b1c58d37.jpg",
						name: "宋燕驰",
						date: "2022-07-06 11:37:00",
						content_text: "酒店环境挺不错的，可是有很多小黑虫，被叮咬后奇痒无比，同行人都被咬了好多好多包，建议进行多消毒",
						content_picture: [],
						site: "https://m.senseluxury.com/statics/web3/images/no_hotel_img/15.png",
						siteText: "中国浙江 | 新昌安岚酒店",
						replyNum: 1,
						likeNum: 1,
						replyHead: [
							"https://statics.dujiabieshu.com/uploads/headimg/770ea23aa891ddc0e78a706341142e69.jpg"
						],
						commentName: "第六感May：",
						comment: "谢谢亲的点评,蚊虫问题我们会反馈给酒店咯,欢迎下次出行继续选择第六感"
					},
					{
						head: "https://statics.dujiabieshu.com/uploads/headimg/1.png",
						name: "晨曦",
						date: "2022-06-28 14:09:59",
						content_text: "营地设施、服务都非常不错。",
						content_picture: [
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-04/114750/65597ba93f47c074a9b43bc463c4f05b.jpg?t=1661950018",
							"https://image02.dujiabieshu.com/uploads/sns/2022-08-04/114750/f0a3540a9f6ac928d0486f8777bf1f29.jpg?t=1661950018",
							"https://image03.dujiabieshu.com/uploads/sns/2022-08-04/114750/aa4e1c5128625d4722eea741dad62ea7.jpg?t=1661950018",
							"https://image04.dujiabieshu.com/uploads/sns/2022-08-04/114750/43223d9057ef01d2fb31304c2318b09f.jpg?t=1661950018",
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-04/114750/f628f7227c72719b85b992db615bf0a7.jpg?t=1661950018",
							"https://image02.dujiabieshu.com/uploads/sns/2022-08-04/114750/a98916dd4e028e56bae97460f04e0c0f.jpg?t=1661950018",
						],
						site: "https://m.senseluxury.com/statics/web3/images/no_hotel_img/16.png",
						siteText: "中国甘肃 | 诺尔丹营地",
						replyNum: 1,
						likeNum: 1,
						replyHead: [
							"	https://statics.dujiabieshu.com/uploads/headimg/770ea23aa891ddc0e78a706341142e69.jpg"
						],
						commentName: "第六感May：",
						comment: "谢谢您给予诺尔丹的点评和认可，期待你的重次出行呢"
					},
					{
						head: "https://statics.dujiabieshu.com/uploads/headimg/927a7a84e3d51b1082f4f9c36999f306.jpg",
						name: "齐柏林",
						date: "2022-06-20 09:45:35",
						content_text: "趁着解封打卡了J酒店，整体偏商务，入住过程还是挺顺畅的，可能是人比较少的缘故吧。",
						content_picture: [
							"https://image01.dujiabieshu.com/uploads/sns/2022-08-02/70152/d6821097fd9e5e1bf2c2c3e771856aac.jpg?t=1661950018",
							"https://image01.dujiabieshu.com/uploads/sns/2022-07-30/114750/554da1f3c817bc0b37472654a6a0b2a2.jpg?t=1661950264",
							"https://image03.dujiabieshu.com/uploads/sns/2022-07-30/114750/919ad92403b8ba250a07a1e762928383.jpg?t=1661950264",
							"https://image04.dujiabieshu.com/uploads/sns/2022-07-30/114750/6b5144a28c6461c10ef529e8fed27b79.jpg?t=1661950264",
							"https://image01.dujiabieshu.com/uploads/sns/2022-07-29/18596/e0a1778bcd1087fd3cb2d2705a14019c.jpg?t=1661950264",
							"https://image02.dujiabieshu.com/uploads/sns/2022-07-29/18596/8de2d8a98576fbe5ab4cf996953ad05e.jpg?t=1661950264",
							"https://image03.dujiabieshu.com/uploads/sns/2022-07-29/18596/b161f40769739b5cb17b69de6c4d8782.jpg?t=1661950264",
							"https://image04.dujiabieshu.com/uploads/sns/2022-07-25/61972/9b93b481c39441e93efe351b4720a941.jpg?t=1661950690",
							"https://image01.dujiabieshu.com/uploads/sns/2022-07-28/18596/cedb1ae2416197387a5ce22c1ff45844.jpg?t=1661950264"
						],
						site: "https://image01.dujiabieshu.com/uploads/destination/article/7/7020/mobile.20200630165953_3447.jpg",
						siteText: "中国上海 | J酒店.上海中心",
						replyNum: 0,
						likeNum: 1,
						replyHead: [
							"https://statics.dujiabieshu.com/uploads/headimg/0cc3c952bd11e08ffca8772b8b9e1ee3.jpg"
						],
						commentName: null,
						comment: null
					},
				]
			}
		},
		methods: {

		}
	}
</script>

<style>
	@import url(../../static/css/drying_sheets.css);
</style>
